<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
  <link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-validator/0.5.3/css/bootstrapValidator.min.css" rel="stylesheet">
  <link rel="stylesheet" href="./iconfont/iconfont.css">
  <link rel="stylesheet" href="./css/index.css">
  <title>管理系统</title>
</head>
<body>
<div class="viewport">
  <div class="leftside">
    <a href="./index.html" class="logo">
      <img src="./images/logo.png" alt="logo">
    </a>
    <ul class="nav">
      <li>
        <a href="javascript:">
          <span class="iconfont icon-shujukanban"></span>
          控制面板
          <span class="iconfont icon-xiala toggle"></span>
        </a>
        <ul>
          <li><a class="active" href="./dashboard.html" target="fm">图表概览</a></li>
        </ul>
      </li>
      <li>
        <a href="javascript:">
          <span class="iconfont icon-ketangxueyuan" style="margin-left: -7px; margin-right: 3px;"></span>
          学员管理
          <span class="iconfont icon-xiala toggle"></span>
        </a>
        <ul>
          <li><a href="./student.html" target="fm">学员信息</a></li>
          <li><a href="./score.html" target="fm">成绩录入</a></li>
        </ul>
      </li>
    </ul>
  </div>
  <div class="right">
    <div class="top">
      <div class="menu">
        <span class="iconfont icon-caidan"></span>
      </div>
      <div class="search">
        <input type="text" placeholder="Search...">
        <button>Search</button>
      </div>
      <div class="init">点我初始化数据</div>
      <div>
        <span class="iconfont icon-tongzhi"></span>
        <span class="iconfont icon-caidan2"></span>
        <span class="iconfont icon-shezhi"></span>
      </div>
      <div class="user">
        <img class="avatar" src="./images/avatar.jpeg" alt="">
        <span>Tom Cruise</span>
      </div>
      <div class="logout">
        <a href="javascript:">
          <span class="iconfont icon-tuichu"></span>
          退出
        </a>
      </div>
    </div>
    <div class="content">
      <iframe src="./dashboard.html" name="fm" frameborder="0"></iframe>
    </div>
  </div>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"
></script>
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-validator/0.5.3/js/bootstrapValidator.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.27.2/axios.min.js"></script>
<script src="./js/common.js"></script>
<script src="./js/index.js"></script>
</body>
</html>